html,body,p,h1,h2,h3,h4,h5,h6,h7,ul,li,ol,dl,dd,dt,form,section{ margin:0; padding:0;}
html,body{ width:100%; height:100%; overflow:hidden;}
section{ height:100%; position:relative;}
img{ display:block;}
ul,li,ol,li{ list-style:none;}


.logo{ margin:0 auto; display:block; padding:50px 0 20px;}
.ulload{ width:100px; background-color:#000; border-radius:2px; padding:1px; margin:0 auto;}
.ulload li{ height:6px; background:#52cbe7;}
.scene{ display:none;background-image:url(../images/bg1.png); background-size:cover; background-color:#90cdec;}
#scene3{background-image:url(../images/bg2.png); background-size:cover; background-color:#90cdec;}
.scene img{ width:100%; position:absolute; height:100%;}
#scene2 img{ display:none;}
#scene3 img{ opacity:0.5;position:absolute; top:100%; transition:all 2s;}
#scene3 .on{ top:0; opacity:1;}
#scene3 .onup{ top:-100%; opacity:0.5;}
#scene3 img:last-child{ opacity:0; top:164%; left:23%; width:8.6%; height:auto;animation:myfirst 0.3s linear 0s infinite alternate;-webkit-animation:myfirst 0.3s linear 0s infinite alternate;}
#scene3 .phone:last-child{ opacity:1;top:64%;}
 h1{  position:absolute; left:100%; top:64%; padding:10px; z-index:999; color:red; opacity:0 ; letter-spacing:5px; font-size:24px;}
 .showtel{  left:13%;}
.firsection{ background:#90cdec;}
@media screen and (max-with:320px){
/*	  #scene3 img:last-child{ top:72%;}
	  #scene3 .phone:last-child{ top:172%}
*/	}

@keyframes myfirst{
	0%   {transform:rotate(-10deg); }
	50%   {transform:rotate(0); }
	100%   {transform:rotate(20deg);}
	}
@-webkit-keyframes myfirst{
	0%   {-webkit-transform:rotate(-10deg);}
	50%   {-webkit-transform:rotate(0); }
	100%   {-webkit-transform:rotate(20deg);}
	}


.arr{ position:absolute; display:none; width:40px; left:50%; bottom:30px; margin-left:-20px; z-index:99;animation:arrmove 1s linear 0s infinite alternate; -webkit-animation:arrmove 1s linear 0s infinite alternate;}

@keyframes arrmove{
	0%   {bottom:10px;}
	50%   {bottom:30px; }
	100%   {bottom:10px;}
	}
@-webkit-keyframes arrmove{
	0%   {bottom:10px;}
	50%   {bottom:30px; }
	100%   {bottom:10px;}
	}




